title: Knockout Template Binding item not defined
body: <p>I am binding data to a template using knockout.  The first template binds correctly, showing the image and other data elements correctly, however I get the following error and it does not bind to other templates after the first one.</p>
  <blockquote>
  <p>Message: Unable to process binding &quot;attr: function(){return {src:imageUrl} }&quot;</p>
  <p>Message: imageUrl is not defined</p>
  </blockquote>
  <p>Here is the relevant part of the template:</p>
  <pre><code>&lt;a href=&quot;#&quot;&gt;
      &lt;img data-bind=&quot;attr:{src: imageUrl}&quot; width=&quot;263&quot; height=&quot;262&quot; alt=&quot;image description&quot;&gt;
  &lt;/a&gt;
  </code></pre>
  <p>Here is how I call it:</p>
  <pre><code>&lt;div class=&quot;panel-body&quot; data-bind=&quot;template: {name: 'album-template', data: thisWeeksOne() }&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>This is an example of thisWeeksOne</p>
  <p><a href="https://i.stack.imgur.com/M2UZM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M2UZM.png" alt="enter image description here" /></a></p>
  <p>I believe that this is a timing issue, but am not sure how to handle it.  Does anyone have experience with this?</p>