[SalesForce] Salesforce solution to Filter or Limit Aura iteration

This has been fixed; I have no idea why the original didn't work.

I changed my controller to

({

    getResponse : function(component) {

        var action = component.get("c.getCalloutResponseContents");
        action.setCallback(this, function(response) { 
              var state = response.getState();
           if (state === "SUCCESS") {

               var returnValue =response.getReturnValue();
                component.set("v.response", returnValue );
           }
        });
        $A.enqueueAction(action);
    }
})

and my lightning component to use

   <aura:iteration items="{!v.response.gifts}" var="gifts">

when ever you change a value in redin area that is reflecting in green area because every picklist is connected by there value v.lcid

<ui:inputSelect aura:id="sp" class="slds-input" labelClass="slds-form-element__label" value="{!v.lcid}" required="true" >

thats why whenever you change any input select value in green area all the elements are getting populated by same value because each has value ="{1v.lcid}"

Now to make your code work you should change

<aura:attribute name="lcid" type="String"/>

to

<aura:attribute name="lcid" type="List"/>

and onchangeLc update your code to change value of each element of list

UPDATE

for speed issue can you change your code in controller as it might help

onChangeLC : function(component,event,helper){
        var selectedLC = component.find("lc").get("v.value");  
        var lcs = [];
        var obj ={value: selectedLC}
            for (var i = 0; i < 20; i++) { 
              lcs.push(obj);
            }
        component.set("v.lcid",lcs);        
        //console.log(selectedLC);
    }