knockout.jsで、selectタグのoptionを初期値をtwigで、2回目以降をview model経由で行う方法

Question

現在knockout.jsを勉強しているのですが、初期値ではtwigのforを使ってoptionタグを出力し、特定のボタンが押された場合はajaxで通信して、結果をviewmodel経由で反映することは可能でしょうか？

以下のように書くと、当然ですが、viewmodelをバインドしたタイミングで、htmlで記述しているoptionタグの内容は消えてしまいます。

jsファイルにtwigのループ処理を書くのも、htmlに<script type="text/javascript">を書くのもできれば避けたいな〜と思っています。

もしご存知の方がいらっしゃいましたら、お教え頂けると嬉しいです。

<select data-bind="options: hoge_list, optionsValue: 'value', optionsText: 'name' value: selected">
  {% for hoge in hoge_list %}
    <option value="{{hoge.value}}">{{hoge.name}}</option>
  {% endfor %}
</select>

<input type="button" data-bind="click: click_button">

var ViewModel = function() {
  this.hoge_list = observableArray();
  this.selected = observable();
  this.click_button = function() {
    $.ajax({
      ~~~~~省略~~~~~
      success: function(new_hoge_list) {
        this.hoge_list(new_hoge_list);
      }
    });
  };
}

ko.applyBindings(new ViewModel());