title: How can I do a knockout binding to a backgroundImage URL?
body: <p>I have an observable array with </p>
  
  <pre><code>var items= [
      {"image": "/images/image1.jpg" },
      {"image": "/images/image2.jpg" },
      {"image": "/images/image3.jpg" }
  ];
  </code></pre>
  
  <p>My template looks like this: </p>
  
  <pre><code>&lt;div data-bind="foreach: items"&gt;
     &lt;div class="box" data-bind="style: {'background-image': url(image)}"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately, this does not work. What I want is this:</p>
  
  <pre><code>&lt;div&gt;
    &lt;div class="box" style="background-image: url(/images/image1.jpg)"&gt;&lt;/div&gt;
    &lt;div class="box" style="background-image: url(/images/image2.jpg)"&gt;&lt;/div&gt;
    &lt;div class="box" style="background-image: url(/images/image3.jpg)"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I reach this?    </p>