title: How to return an item from an observable array by property
body: <p>I have this code: </p>
  
  <pre><code>var id = event.target.getAttribute('id');
  
  var matchedItem = ko.utils.arrayForEach(self.ProductEffectImagesToMatch(),
    function(item) {
      if (item.index == id) {
        return item;
      }
    }
  );
  </code></pre>
  
  <p>I want to get the item by <code>index</code> in the array, if <code>index</code> matches the <code>id</code> then return the item.</p>
  
  <p>How can that be done correctly?</p>