title: Knockoutjs combine text binding with another element
body: <p>I want to put inner text and another element into one .
  Currently I'm doing:</p>
  
  <pre><code>function menuItem(number, text) {
          this.text = text;
          this.html = '&lt;span&gt;&lt;font class="small"&gt;' + number + '.&lt;/font&gt;' + text + '&lt;/span&gt;';
      }
  
      function viewModelMenu() {
          // Data
          var self = this;
          self.menuItems = [new menuItem('1', 'First'),
              new menuItem('2', 'Second')];
  }
  </code></pre>
  
  <p>and view:</p>
  
  <pre><code>&lt;div data-bind="html:$data.html"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But html encode isn't <a href="http://knockoutjs.com/documentation/html-binding.html" rel="nofollow">safe</a>?</p>
  
  <p>Can i build text using knockout text binding or anything else?</p>