title: How to add array of objects into observable array in knockout?
body: <p>I am getting a large array of objects through ajax and if the array has data then it will be passed to ImportObservableListItems in my viewmodel:</p>
  
  <pre><code>        success: function (data) {
              debugger 
              if (data.length &gt; 0) {
  
              ReadingList.ImportObservableListItems(data);
  
              } 
  </code></pre>
  
  <p>in the viewmodel I would like to add each object to an observable array but I need the properties of each object to be observable. however if the array contains a large number of objects then the browser crashes. is there any way I could prevent it?</p>
  
  <pre><code>self.ImportObservableListItems = function (data) {
              $.each(data, function(index, item) {
                  var newListItem = {
                      MediaID: ko.observable(item.MediaID),
                      MediaName: ko.observable(item.MediaName),
                      MediaTypeID: ko.observable(item.MediaTypeID),
                      MediaTypeName: ko.observable(item.MediaTypeName),
                      Group1: ko.observable(item.Group1),
                      Group2: ko.observable(item.Group2),
                      Group3: ko.observable(item.Group3),
                      Group4: ko.observable(item.Group4),
                      Group5: ko.observable(item.Group5)
                  };
                  ReadingList.ReadingListItems.push(newListItem);
              });
          };
  </code></pre>