title: Create HTML based on number in array
body: <p>first time using KO, apologies for what may sound like a silly question.</p>
  
  <p>I have an array full of data. One value is 'stars', which is a number. In my HTML, I would like to create HTML elements based on that value. For example, if the value is four, I would like 4 elements. If the value is 5, I would like 5 elements and so on. I have the rest of the data binding correctly, this is the one part I'm unsure of.</p>
  
  <p>The element I would like to have duplicated is the 'fas fa-star`</p>
  
  <p><strong>Data</strong></p>
  
  <pre><code>scores: [
      {
          title: 'Score One',
          stars: 5,
      },
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul class="scores" data-bind="foreach: scores"&gt;
      &lt;li&gt;
         &lt;div class="title" data-bind="text: title"&gt;&lt;/div&gt;
         &lt;div class="stars"&gt;
             &lt;i class="fas fa-star"&gt;&lt;/i&gt;
         &lt;/div&gt;
       &lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>